<div th:replace="~{ app :: layout ('股票数据可视化示例', _, _, ~{::#main}, _) }" xmlns:th="http://www.thymeleaf.org">
    <div class="container mb-2rem" id="main">
        <div class="row">
            <div class="resource-wrapper mb-3 bg-light rounded-lg overflow-hidden space-top-1 pl-5 pl-lg-0 pr-0 pr-lg-5">
                <div class="row justify-content-lg-between align-items-lg-center no-gutters">
                    <div class="col-lg-4 order-1 order-lg-2">
                        <div class="mb-4">
                            <h2>股票数据可视化示例</h2>
                            <p>通过可视化大屏的方式展示股票部分基础数据</p>
                        </div>
                        <div>
                            <a href="#" class="btn btn-primary transition-3d-hover">免费下载</a>
                        </div>
                    </div>

                    <div class="col-lg-7 order-2 order-lg-1 space-top-1 animate__animated animate__fadeInUp">
                        <img class="img-fluid shadow-lg" src="img/temp/dVdZ1RaGi61628395893.png" width="755" height="470" alt="股票数据可视化示例">
                    </div>
                </div>
            </div>

            <div id="vditor-preview-element" class="markdown-body p-3 p-md-0">
                <div class="d-none" id="content">### 资源介绍

                    股票数据可视化大屏示例，用六个区域展示股票基础数据：

                    * 随机选股
                    * CSRC 行业分类统计
                    * 上市公司分布地图
                    * 沪深部分指数
                    * 各省股票数据占比
                    * 市值 TOP 10 排行

                    ### 资源截图

                    ![stock-charts](img/temp/5qe5oo6lN61628564147.png)</div>
            </div>
        </div>
    </div>
</div>